<template>
    <div>
        <template v-for="skill in skills">
            <router-link class="card my-4" :key="skill.id"
                         :to="{name:'skill-course',query:{career:$route.params.career||career},params:{skill:skill.id}}">
                <div class="relative">
                    <!--<span class="absolute top-0 right-0 text-sm">学习时长{{skill.learn_count}}</span>-->
                    <div class="title">
                        {{skill.title}}
                    </div>
                    <p class="text-grey">
                        {{skill.description}}
                    </p>
                </div>
            </router-link>
        </template>
    </div>
</template>

<script>
    export default {
        props: {skills: {type: Object, required: true},career:[String,Number]}
    }
</script>

<style scoped>

</style>